@CHARSET "UTF-8";

/******************************************
  Vertical Bar Sample
  Specification file: vertical-button
 ******************************************/

/*
 * Each link of the site navigation is organized into rows/colomns using a table.
 * This style applies to the table.
 */
.vbutton_table {
	border-width: 0px;
	border-style: none;
	padding: 1px;
}

/*
 * This style applies to the body in the table.
 */
.vbutton_table_body {
	border-style: none;
	padding: 1px;
}

/*
 * This style applies to the row in the table.
 */
.vbutton_table_row {
	border-style: none;
	padding: 1px;
}

/*
 * This style applies to each cell in the table.
 */
.vbutton_cell_normal {
    padding-top: 2px;
    padding-bottom: 3px;
	border-style:solid;
	border-width:1px;
	background-color: #F3E9CB;
	border-right-color: #D9C487;
	border-bottom-color: #D9C487;
	border-top-color: #D9C487;
	border-left-color: #D9C487;
}

/*
 * This style applies to the cell which contains a link to current page.
 */
.vbutton_cell_self {
    padding-top: 3px;
    padding-bottom: 5px;
	border-style:solid;
	border-width:1px;
	background-color: #AF8F2B;
	border-right-color: #90741B;
	border-bottom-color:  #90741B;
	border-top-color: #90741B;
	border-left-color: #90741B;
}

/*
 * This style applies to the cell which represents a group.
 */
.vbutton_cell_group {
    padding-top: 2px;
    padding-bottom: 3px;
	border-style:solid;
	border-width:1px;
	background-color: #D9C487;
	border-right-color: #F3E9CB;
	border-bottom-color:  #F3E9CB;
	border-top-color: #F3E9CB;
	border-left-color: #F3E9CB;
}

/*
 * This style applies to each item in the cell. (e.g., to the <a> tag)
 */
.vbutton_item_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666633;
	font-weight: bold;
    font-size: 11px;
	text-transform: lowercase;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding : 5px;
}

/*
 * This style applies to the item which links to current page. (e.g., to the <a> tag)
 */
.vbutton_item_self {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
    font-size: 11px;
	text-transform: lowercase;
	padding-left: 4px;
	padding-right: 4px;
	padding : 5px;
}

/*
 * This style applies to the item which displays a group name. (e.g., to the <span> tag)
 */
.vbutton_item_group {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #685618;
	font-weight: bold;
    font-size: 11px;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
	padding : 5px;
}

